$primaryColor:#48d8db;
$primaryDeepColor:#00dada;
$iconColor:#999999;
$titleColor:#333333;
$activeColor:#efefef;
$redColor:#ff5249;
$borderColor:#e4e4e4;
$bgColor:#f5f5f5;
$lightDark:#6d6d6d;
$navColor:#666666;
$orangeColor:#fac752;
$redDeepColor:#f25841;
$grayColor:#959595;
$darkOrange:#ff8f00;
$silverColor:#e7e7e7;
$descColor:#6d6d6d;
$btnHeight: 1.2rem;
*{
    padding: 0;
    margin: 0;
}
body{
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
body,html{
    background:#f5f5f5;
}
@mixin flexContainer(){
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
@mixin flexItem() {
    box-sizing: border-box;
    flex-grow: 0;
 }
 @mixin textAlign($h){
  height:$h;
  line-height: $h;
  text-align: center;
}
@mixin textOverflow($n){  //超出多少行就隐藏的文字
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:$n; 
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix::after,
.clearfix::before {
	content: ".";
	line-height: 0;
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

.clearfix {
	*zoom: 1;
}
#app {
    /* font-family: 'Avenir', Helvetica, Arial, sans-serif; */
    font-family: PingFangSC-Regular, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: 0;
  }
  *{
    margin: 0;
    padding: 0;
  }
  body,html{
    padding: 0;
    background: #f5f5f5;
    margin: 0;
  }
  ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  a{
    text-decoration: none;
    color:#000000;
  }
  .mint-button{
      box-shadow:0px 2px 0px #3ccbcd;
    }
  .mint-button--primary{
    background: #4ad9db !important;
    border-radius: 0.16rem;
    background: -webkit-linear-gradient(left, #2ce9e8, #7dd7ff) !important;
  }
  .mintui{
    font-size: 0.6rem !important;
  }
  .mint-cell-wrapper {
    background-image: none !important;
  }
  
  .mint-cell:last-child {
    background-image: none !important;
  }
  
  .mint-cell-wrapper {
    padding: 0 10px 0 0 !important;
  }
  
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  　　color:#e5e5e5 !important;
     font-size: 0.4rem !important;
  }
  body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,a ,div,img{ margin:0; padding:0;
     box-sizing: border-box;
     /* 这是只有在移动端才会有用 */
      -webkit-tap-highlight-color:transparent;
  }
  //这个定义一个计算适配屏幕的函数
$count:75; //表示的是按照750的图子来计算
@function rem($rem){ //这个是自定义函数这个功能非常的重要
    @return $rem/$count+rem;
}
